<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>M博客</title>
    <meta id="description" name="description" content="分享技术、分享生活" />
    <meta id="keywords" name="keywords" content="M博客 个人博客 JAVA文章 Android" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta property="og:image" content="https://tv.speechb.com/logo_0826.png">
    <link href="http://tv.speechb.com/lib/imgs/logo.png" rel="shortcut icon"/>
    <link rel="stylesheet" href="http://tv.speechb.com/lib/superui/content/ui/global/bootstrap/css/bootstrap.min.css"/>
    <link href="http://tv.speechb.com/lib/superui/content/ui/global/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="http://tv.speechb.com/blog/css/index.css?v=1.0.1" rel="stylesheet"/>
</head>
<body>

<div th:replace="web/app/header"></div>
<div class="container">
    <div class="content-wrap">
        <div class="content">
            <ul>
                <li th:each='blog:${list}' style="height: 160px;padding: 12px 16px 0px 16px" class="article-item">
                    <div th:unless="${#arrays.isEmpty(blog.imageUrl)}" class="article-pic float-r">
                        <a th:href="'/detail/'+${blog.id}" target="_blank">
                            <img class="zoomImage" th:src="${blog.imageUrl[0]}" alt="博客图片">
                        </a>
                    </div>
                    <div class="article-info">
                        <div class="article-title">
                            <a class="cat"  th:href="'/' + ${blog.type_id}" th:text="${blog.type_name}">个人博客</a>
                            <a th:href="'/detail/'+${blog.id}" class="txt" target="_blank" th:text="${blog.title}">话术部落微信小程序正式上线了，来看看攻略吧</a>
                        </div>
                        <div class="article-content article_list_summuy">
                            <a th:href="'/detail/'+${blog.id}" target="_blank" th:utext="${blog.summary}">经过话术部落团队的不断努力。今天话术部落小程序终于上线了。我开通的话术VIP能使用吗。接下来小编来教大家如何绑定话术部落账号。与小程序共享话术部落VIP。1、首先进入话术部落小程序（微信搜索"话术部落"）&amp;nbsp。个人-&amp;gt。绑定账号&amp;nbsp。就可以输入您的话术部落账号和密码。绑定成功后。和会员过期信息提示。</a>
                        </div>
                        <div th:unless="${#arrays.isEmpty(blog.tagList)}" >
                            <th:block th:each="tag:${blog.tagList}">
                                <a  class="tag" href="#" th:text="${tag}">HTML</a>
                            </th:block>
                        </div>
                        <div  th:unless="${#arrays.isEmpty(blog.create_time)}"  class="article_bottom_inf">
                            <i class="fa fa-calendar" aria-hidden="true" style="margin-left: 10px;" th:text="' ' + ${blog.create_time}"> 2021-03-08 23:07:03</i>
                            <i class="fa fa-eye" aria-hidden="true" style="margin-left: 10px;" th:text="' ' + ${blog.scan_count}"> 114</i>
                        </div>
                    </div>
                </li>

            </ul>
            <div style="margin-top: 30px;text-align: center" th:utext="${index}">
            </div>
        </div>

    </div>
    <div class="sidebar">
        <div class="sidebar_top" style="padding: 12px">
            你必须成功，因为你不能失败<br/>
        </div>

        <div class="sidebar_top">
            <div class="sidebar_bar">
                <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18">
                    <path d="M864.801 895.471h-33.56v-96.859c0-126.081-73.017-235.093-179.062-287.102 106.046-52.01 179.062-161.022 179.062-287.102v-96.859h33.56c17.301 0 31.325-14.327 31.325-32 0-17.673-14.024-32-31.325-32H159.018c-17.3 0-31.325 14.327-31.325 32 0 17.673 14.025 32 31.325 32h33.02v96.859c0 126.08 73.016 235.092 179.061 287.102-106.046 52.009-179.062 161.02-179.062 287.101v96.859h-33.02c-17.3 0-31.325 14.326-31.325 32s14.025 32 31.325 32H864.8c17.301 0 31.325-14.326 31.325-32s-14.023-31.999-31.324-31.999zM256.05 222.427v-94.878h513.046v94.878c0 141.674-114.85 256.522-256.523 256.522-141.674 0-256.523-114.848-256.523-256.522zm513.046 673.044H256.05v-94.879c0-141.674 114.849-256.521 256.523-256.521 141.673 0 256.523 114.848 256.523 256.521v94.879z"></path>
                    <path d="M544.141 384c0-17.69-14.341-32.031-32.031-32.031-71.694 0-127.854-56.161-127.854-127.855 0-17.69-14.341-32.032-32.031-32.032s-32.032 14.341-32.032 32.032c0 107.617 84.3 191.918 191.917 191.918 17.69 0 32.031-14.342 32.031-32.032z"></path>
                </svg>
                <span class="sidebar_title">人生倒计时</span><br/>
            </div>
            <div class="sidebar_time_div">
                 <span class="sidebar_time_title">今日已经过去<span id="hour" class="time-font">9</span>小时</span>
                <!--进度条-->
                <div class="sidebar_process">
                    <div class="progress-wrap">
                        <div class="progress-inner">
                            <div id="process_hour" class="progress-nums"></div>
                        </div>
                        <span id="hour_txt" style="color: #909933">0%</span>
                    </div>
                </div>
            </div>

            <div class="sidebar_time_div">
                <span class="sidebar_time_title">本周已经过去<span id="day" class="time-font">6</span>天</span>
                <!--进度条-->
                <div class="sidebar_process">
                    <div class="progress-wrap">
                        <div class="progress-inner">
                            <div id="process_day"  class="progress-nums_week"></div>
                        </div>
                        <span id="day_txt" style="color: #909933">60%</span>
                    </div>
                </div>
            </div>

            <div  data-tooltip="hello world"  class="sidebar_time_div">
                <span class="sidebar_time_title">本月已经过去<span id="month" class="time-font">9</span>天</span>
                <!--进度条-->
                <div class="sidebar_process">
                    <div class="progress-wrap">
                        <div class="progress-inner">
                            <div id="process_month" class="progress-nums_month"></div>
                        </div>
                        <span id="month_txt" style="color: #909933">60%</span>
                    </div>
                </div>
            </div>

            <div id="year_div" data-tips="" class="sidebar_time_div tips">
                <span class="sidebar_time_title">今年已经过去<span id="year" class="time-font">9</span>个月</span>
                <!--进度条-->
                <div class="sidebar_process">
                    <div class="progress-wrap">
                        <div class="progress-inner">
                            <div id="process_year" class="progress-nums_year"></div>
                        </div>
                        <span id="year_txt" style="color: #909933">60%</span>
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>

<footer style="background-color: #f0f0f0">
    &nbsp;
    <div style="margin-top: 20px;">
        <p style="text-align: center">
            版权声明:本站资源收集整理自互联网，如果有侵犯您权利的资源，请来信告知，站长将尽快作出处理。
        </p>
        <p style="text-align: center"><span>联系我们：779936579#qq.com&nbsp; </span><a href="https://beian.miit.gov.cn" rel="nofollow">鲁ICP备18055879号-1</a></p>
        <p style="text-align: center"><span>友情链接：</span><a href="https://www.speechb.com" target="_blank">话术部落</a></p>
        <p style="text-align: center;margin: 0 0;padding-bottom: 5px">Copyright © 2021 - 2022&nbsp;&nbsp;M博客&nbsp;&nbsp;保留最终解释权
        </p>
    </div>
</footer>
<script src="/static/web/js/check_login_status.1.3.js"></script>
<script src="/blog/js/index.js?v=1.0.1"></script>
</body>
</html>
